

/* Reset v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after,q:before,q:after{content:'';content: none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}

/* Typography */
body { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:12px;line-height:18px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal;color:#252525; }
h1 { font-size:28px;line-height:36px;margin:0 0 18px 0;padding:0;font-weight:bold;letter-spacing:-1px; }
h2 { font-size:22px;line-height:36px;margin:0 0 18px 0;padding:0;font-weight:bold; }
h3 { font-size:18px;line-height:18px;margin:0 0 18px 0;padding:0; }
h4 { font-size:16px;line-height:18px;margin:0 0 18px 0;padding:0; }
h5 { font-size:13px;line-height:18px;margin: 0 0 0 0;padding:0;font-weight:bold; }
h2.title { font-size:22px;line-height:18px;margin:0 0 5px 0; }
h4.date { font-size:10px;line-height:18px;margin:0 0 13px 0;text-transform:uppercase;font-weight:bold; }
p { font-size:13px;margin:0 0 18px 0;padding:0; }
ul,ol { margin: 0 0 18px 0;padding:0; }
ul li, ol li { font-size:13px;line-height:18px;margin:0 0 0 0;list-style:none; }
a {color:#600;}
a:hover { color:#000;}
strong { color:#444; }

.highlight { color:#c30; }
.dimmed { color:#888; }

.info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
.center { display:block; text-align:center; margin:0.5em auto; }


/* Layout */
body { background:#F0F0F0;background:#E2E1DE; }
#container { width:960px;margin:0 auto;padding:20px 0; }
#header { margin:0 0 20px;padding:20px;background:#fcfcfc;background:#F0F0F0; }
#content { width:600px;float:left;margin:0 0 20px 0px;padding:20px 20px ;min-height:300px;background:#fcfcfc; }
#subcontent { width:300px;float:right;margin:0 0px 20px  0;padding:20px 0;background:#fcfcfc; }
#header, #content, #subcontent {
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
}

/* Header and nav */
#header { position:relative; }
#header h1 { font-size:26px;line-height:26px; }
#mainnav {  margin:20px 0 0;padding:0;list-style:none; }
#mainnav li { margin:0 0px;padding:0;display:inline;list-style:none; }
#mainnav li a { margin:0 10px 0 0px;padding:2px 20px;display:inline-block;color:#333;text-transform:uppercase;
	font-size:10px;line-height:20px;text-decoration:none;
	background:#ddd;
	border:1px solid #ccc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	}
#mainnav li a:hover { text-decoration:none; }
#mainnav li#active a { font-weight:bold; }

#loginbox { position:absolute;top:10px;right:20px; }

/* Maincontent */
.post { margin:0 0 18px; }
.post_title { font-size:22px;margin:0;font-weight:normal; }
.post_title a { text-decoration:none; }
.post_meta { color:#888; }
.comment_meta { color:#888; }

#comments { border-top:2px solid #666;padding-top:20px; }
#comment-list { margin:0 0 18px; }
#comment-list li { border-top: 1px solid #ddd; padding: 20px 0 10px; min-height: 90px; position: relative; }
#comment-list li:nth-child(even) {  }
#comment-list h4 { margin-left: 80px;font-size:12px;margin:0 0 8px 80px; }
#comment-list h4 strong { font-weight:normal; }
#comment-list h4 strong cite { font-style:normal;font-weight:bold; }
#comment-list h4 strong .comment-date {}
#comment-list blockquote { margin-left: 160px;margin-left: 80px;font-style: normal; }
#comment-list .gravatar { border:1px solid #ccc;display:block;height:48px;padding:4px;position:absolute;left:0;top:20px;width:48px; }

/* Subcontent */
#subcontent h3, #subcontent p { margin-left:10px;margin-right:10px; }

/* Forms */
form { margin:0 0 18px;padding:15px;background:#efefef;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}
form div {
	margin:0 0 5px;
	}
form p { margin:0 0 5px; }
label { display:block; }
label.checkbox, label.radio, label.button { display:inline; }
input {}
input[type=text] { width:150px; }

ul.error {  }
/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert, 
.notice,
.success, 
.info 			{ padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }


/* Footer */
#footer { clear:both;padding:10px 0; }
#footer p { margin:0 20px;color:#777; }



